<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ page language="java" import="com.server.web.JsVersionUtil"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
	<meta charset="UTF-8">
	<title>北京市人民政府外事办公室领事保护教育服务平台</title>
	<!-- 新 Bootstrap 核心 CSS 文件 -->
	<link rel="stylesheet" href="<c:url value='/share/bootstrap.css'></c:url>">
	<link rel="stylesheet" href="<c:url value='/share/AllStyle.css'></c:url>">
	<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
	<script src="<c:url value='/js/jquery.min.js'></c:url>"></script>
	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="<c:url value='/js/bootstrap.min.js'></c:url>"></script>
	<script src="<c:url value='/js/all.js'></c:url>"></script>
	<script src="<c:url value='/js/serverCommonJs.js'></c:url>"></script>
	<script src="<c:url value='/js/rqfCommon/rqfCommon.js'></c:url>"></script>
	<style>
		.heihei span{
			font-size: 10px;
			color: #295C96;
			line-height: 1 !important;
		}
		.rorate {
				transform :rotate(90deg);
		}
		.home_content{
			margin: 0 auto;
			padding-bottom: 50px;
		}
		.form-control {
		    width: 1020px;
		}
		.form-group1_left{
			width: 117px;
		}
		.panel-default>.panel-heading{
			padding: 10px 0px;
		}
	</style>
</head>
<body>
	<div class="home_content Interface_center" style="margin: 0 auto;margin-top: 20px;padding: 30px 0;width: 1190px;">
		<div class="input-group input-group">
			<ul class="Interface_relative" id="row_Interface_relative" style="left: 40px;">
				<li class="row_Interface_relative_li">咨询信息</li>
				<li>常见问题</li>
			</ul>
		</div>
	</div>
	<div class="Consultation_content" style="width: 1190px;margin: 0 auto;">
		<div class="home_content Interface_center">
			<div class="form-group">
				<div class="form-group1_left"><span>*</span>问题类型：</div>
		    	<select class="form-control" style="width:auto;"> 
			      <option>请选择类型</option> 
			      <option>留学</option> 
			      <option>务工</option> 
			      <option>旅行</option> 
			      <option>商贸</option> 
			      <option>反恐</option> 
			      <option>疫情</option> 
			      <option>法律纠纷</option> 
			      <option>刑事案件</option> 
		      	</select>
		    </div>
		    <div class="form-group">
				<div class="form-group1_left"><span>*</span>问题标题：</div>
		    	<input type="text" class="form-control" placeholder="请输入问题标题..." aria-describedby="basic-addon1">
		    </div>
		    <div class="form-group">
				<div class="form-group1_left"><span>*</span>具体描述：</div>
		    	<textarea class="form-control" rows="8" placeholder="请输入具体描述..." style="width:1020px;"></textarea>
		    </div>
		    <button class="btn btn-primary" type="submit" style="padding: 4px 20px;margin-left: 115px;margin-top: 15px;">确认提交</button>
		</div>

		<div class="home_content Interface_center" style="display: none;width: 1190px;margin: 0 auto;">
			<div class="panel-group" id="accordion" style="padding: 0 50px;">
			  <div class="panel panel-default">
			    <div class="panel-heading">
			      <h4 class="panel-title">
			        <a data-toggle="collapse" data-parent="#accordion" 
			          href="#collapse1" class="heihei" >
			          <span  class="glyphicon glyphicon-play arrows firstarrow"></span>
			          “拆迁的影响”综合实践活动案例综合实践活动校本课程实施案例 综合实践活动校本课程实施校本课程实施案例
			        </a>
			      </h4>
			    </div>
			    <div id="collapse1" class="panel-collapse collapse">
			      <div class="panel-body">
			        不同课程的注册条例会有所区别。一些开课老师会较早关闭注册以保证学生获得较为完整的课程体验，但是大多数老师会将注册时间开放至课程不同课程的注册条例会有所区别。一些开课老师会较早关闭注册以保证学生获得较为完整的课程体验，但是大多数老师会将注册时间开放至课程不同课程的注册条例会有所区别。一些开课老师会较早关闭注册以保证学生获得较为完整的课程体验，但是大多数老师会将注册时间开放至课程不同课程的注册条例会有所区别。一些开课老师会较早关闭注册以保证学生获得较为完整的课程体验，但是大多数老师会将注册时间开放至课程
			      </div>
			    </div>
			  </div>
			  <div class="panel panel-default">
			    <div class="panel-heading">
			      <h4 class="panel-title">
			        <a data-toggle="collapse" data-parent="#accordion" 
			          href="#collapse2" class="heihei" >
			          <span  class="glyphicon glyphicon-play arrows" ></span>
			          “拆迁的影响”综合实践活动案例综合实践活动校本课程实施案例 综合实践活动校本课程实施校本课程实施案例
			        </a>
			      </h4>
			    </div>
			    <div id="collapse2" class="panel-collapse collapse">
			      <div class="panel-body">
			        不同课程的注册条例会有所区别。一些开课老师会较早关闭注册以保证学生获得较为完整的课程体验，但是大多数老师会将注册时间开放至课程
			      </div>
			    </div>
			  </div>
			  <div class="panel panel-default">
			    <div class="panel-heading">
			      <h4 class="panel-title">
			        <a data-toggle="collapse" data-parent="#accordion" 
			          href="#collapse3" class="heihei" >
			          <span  class="glyphicon glyphicon-play arrows" ></span>
			          “拆迁的影响”综合实践活动案例综合实践活动校本课程实施案例 综合实践活动校本课程实施校本课程实施案例
			        </a>
			      </h4>
			    </div>
			    <div id="collapse3" class="panel-collapse collapse">
			      <div class="panel-body">
			        不同课程的注册条例会有所区别。一些开课老师会较早关闭注册以保证学生获得较为完整的课程体验，但是大多数老师会将注册时间开放至课程
			      </div>
			    </div>
			  </div>
			  <div class="panel panel-default">
			    <div class="panel-heading">
			      <h4 class="panel-title">
			        <a data-toggle="collapse" data-parent="#accordion" 
			          href="#collapse4" class="heihei" >
			          <span  class="glyphicon glyphicon-play arrows" ></span>
			          “拆迁的影响”综合实践活动案例综合实践活动校本课程实施案例 综合实践活动校本课程实施校本课程实施案例
			        </a>
			      </h4>
			    </div>
			    <div id="collapse4" class="panel-collapse collapse">
			      <div class="panel-body">
			        不同课程的注册条例会有所区别。一些开课老师会较早关闭注册以保证学生获得较为完整的课程体验，但是大多数老师会将注册时间开放至课程
			      </div>
			    </div>
			  </div>
			  <div class="panel panel-default">
			    <div class="panel-heading">
			      <h4 class="panel-title">
			        <a data-toggle="collapse" data-parent="#accordion" 
			          href="#collapse5" class="heihei" >
			          <span  class="glyphicon glyphicon-play arrows" ></span>
			          “拆迁的影响”综合实践活动案例综合实践活动校本课程实施案例 综合实践活动校本课程实施校本课程实施案例
			        </a>
			      </h4>
			    </div>
			    <div id="collapse5" class="panel-collapse collapse">
			      <div class="panel-body">
			        不同课程的注册条例会有所区别。一些开课老师会较早关闭注册以保证学生获得较为完整的课程体验，但是大多数老师会将注册时间开放至课程
			      </div>
			    </div>
			  </div>
			  <div class="panel panel-default">
			    <div class="panel-heading">
			      <h4 class="panel-title">
			        <a data-toggle="collapse" data-parent="#accordion" 
			          href="#collapse6" class="heihei" >
			          <span  class="glyphicon glyphicon-play arrows" ></span>
			          “拆迁的影响”综合实践活动案例综合实践活动校本课程实施案例 综合实践活动校本课程实施校本课程实施案例
			        </a>
			      </h4>
			    </div>
			    <div id="collapse6" class="panel-collapse collapse">
			      <div class="panel-body">
			        不同课程的注册条例会有所区别。一些开课老师会较早关闭注册以保证学生获得较为完整的课程体验，但是大多数老师会将注册时间开放至课程
			      </div>
			    </div>
			  </div>
			  <div class="panel panel-default">
			    <div class="panel-heading">
			      <h4 class="panel-title">
			        <a data-toggle="collapse" data-parent="#accordion" 
			          href="#collapse7" class="heihei" >
			          <span  class="glyphicon glyphicon-play arrows" ></span>
			          “拆迁的影响”综合实践活动案例综合实践活动校本课程实施案例 综合实践活动校本课程实施校本课程实施案例
			        </a>
			      </h4>
			    </div>
			    <div id="collapse7" class="panel-collapse collapse">
			      <div class="panel-body">
			        不同课程的注册条例会有所区别。一些开课老师会较早关闭注册以保证学生获得较为完整的课程体验，但是大多数老师会将注册时间开放至课程
			      </div>
			    </div>
			  </div>
			  <div class="panel panel-default">
			    <div class="panel-heading">
			      <h4 class="panel-title">
			        <a data-toggle="collapse" data-parent="#accordion" 
			          href="#collapse8" class="heihei" >
			          <span  class="glyphicon glyphicon-play arrows" ></span>
			          “拆迁的影响”综合实践活动案例综合实践活动校本课程实施案例 综合实践活动校本课程实施校本课程实施案例
			        </a>
			      </h4>
			    </div>
			    <div id="collapse8" class="panel-collapse collapse">
			      <div class="panel-body">
			        不同课程的注册条例会有所区别。一些开课老师会较早关闭注册以保证学生获得较为完整的课程体验，但是大多数老师会将注册时间开放至课程
			      </div>
			    </div>
			  </div>
			</div>
			<nav>
			  <ul class="pagination">
			    <li>
			      <a href="#" aria-label="Previous">
			        <span aria-hidden="true">«</span>
			      </a>
			    </li>
			    <li><a href="#">1</a></li>
			    <li><a href="#">2</a></li>
			    <li><a href="#">3</a></li>
			    <li><a href="#">4</a></li>
			    <li><a href="#">5</a></li>
			    <li>
			      <a href="#" aria-label="Next">
			        <span aria-hidden="true">»</span>
			      </a>
			    </li>
			  </ul>
			</nav>
		</div>
	</div>

	<script type="text/javascript">
		$(function(){
			$(".home_header-nav li").click(function(){
				$(".home_header-nav li a").removeClass("home_header_1_ClickA");
				$(this).children().addClass("home_header_1_ClickA");
			});
			$("#row_Interface_relative li").click(function(){
				var index = $(this).index();
				$(".Consultation_content>div").hide();
				$(".Consultation_content>div:eq("+ index +")").show();
				$("#row_Interface_relative li").removeClass("row_Interface_relative_li");
				$(this).addClass("row_Interface_relative_li");
			});

			$(".heihei").click(function(){
				var index=$(".heihei").index(this);
		    // 第一次点击收缩
		    if(!$(this).children().is(".rorate")){
				$(".heihei:not(index)").children().removeClass("rorate");
				$(this).children().addClass("rorate");
		    }else{
				$(this).children().removeClass("rorate");
		      }
		    });
		});
	</script>
</body>
</html>